<ul class="tabs">
    <li class="tab"><a href="javascript:void(0);" ng-class="{'active':vm.tab.cur=='product'}" ng-click="vm.tab.tabSelect('product')">商品</a></li>
    <li class="tab"><a href="javascript:void(0);" ng-class="{'active':vm.tab.cur=='shop'}" ng-click="vm.tab.tabSelect('shop')">店铺({{vm.shopCount}})</a></li>
    <li class="tab" ng-if="userInfo.ver == 'pro'"><a href="javascript:void(0);" ng-class="{'active':vm.tab.cur=='brand'}" ng-click="vm.tab.tabSelect('brand')">品牌({{vm.brandCount}})</a></li>
</ul>
<div class="card-panel teal">
    <span class="white-text">当前版本最多监控<b class="red-text">20</b>个商品，已监控<b class="red-text">{{vm.productCount}}</b>个商品。如果要监控更多的商品，请升级版本。
          </span>
</div>
<div class="ui label gray" style="border-radius: 0px;" ng-if="userInfo.ver == 'pro'">
    当前版本最多监控<b class="red-text">20</b>个商品，已监控<b class="red-text">{{vm.productCount}}</b>个商品。如果要监控更多的商品，请升级版本。</div>
<a class="ui label gray" style="border-radius: 0px;" ng-if="userInfo.ver != 'pro'">注:当前商品监控数上限为10!
                    <i class="delete icon" ng-click="show_prod_tio = false"></i>
                </a>
<div class="container">
    <div class="row">
        <div class="col s12">
            <!-- tab product -->
            <div id="tab_product" class="col s12" ng-show="vm.tab.cur == 'product'">
                <product-controller-component get-type="'monitorProduct'" monitor-product-acount="vm.productCount"></product-controller-component>
            </div>
            <!-- tab shop -->
            <div id="tab_shop" class="col s12" ng-show="vm.tab.cur == 'shop'">
                <a class="ui label gray" style="border-radius: 0px;">注:当前店铺监控数上限为5!
                    <i class="delete icon" ng-click="show_prod_tio = false"></i>
                </a>
                <table-brand-shops get-type="'monitorShop'" monitor-shop-acount="vm.shopCount" ng-hide="vm.tabSeen"></table-brand-shops>
            </div>
            <!-- tab brand -->
            <div id="tab_brand" class="col s12" ng-show="vm.tab.cur == 'brand'" ng-if="userInfo.ver == 'pro'">
                <a class="ui label gray" style="border-radius: 0px;">注:当前品牌监控数上限为2!
                    <i class="delete icon" ng-click="show_prod_tio = false"></i>
                </a>
                <brand-controller-component get-type="'monitorBrand'" monitor-brand-acount="vm.brandCount" ng-hide="vm.tabSeen"></brand-controller-component>
            </div>
        </div>
    </div>
</div>
<div class="row" ng-if="vm.tab.cur == 'shop'">
    <div class="col s12">
        <!-- 二级目录 商品详情 -->
        <table-list-component tab-seen="vm.tabSeen" tab-only="true" ng-show="vm.tabSeen"></table-list-component>
    </div>
</div>
<div class="row" ng-if="vm.tab.cur == 'brand'">
    <div class="col s12">
        <!-- 二级目录 商品详情 -->
        <table-list-component tab-seen="vm.tabSeen" ng-show="vm.tabSeen"></table-list-component>
    </div>
</div>
